<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF‐8">
    <title>商品详情页</title>
    <script
            th:src="@{/webjars/jquery/3.2.1/dist/jquery.min.js}">
    </script>
    <script
            th:src="@{/webjars/bootstrap/4.3.1/js/bootstrap.min.js}">
    </script>
    <link rel="stylesheet"
          th:href="@{/webjars/bootstrap/4.3.1/css/bootstrap.min.css}
" />
    <link rel="shortcut icon"
          th:href="@{/static/favicon.ico}" />
    <style type="text/css">
        body{
            background‐color: bisque;
        }
        dl dd{
            margin‐left: 130px;
            margin‐top: 30px;
        }
    </style>
</head>
<body>
<div class="container">
    <div style="height: 120px"></div>
    <dl style="margin‐left: 200px">
        <dt>
            <span th:if="${good.goodsImg eq null}">
                <img th:src="@{/tmp/wsc.jpg}" />
            </span>
            <span th:unless="${good.goodsImg eq null}">
                <img th:src="@{${good.goodsImg}}" />
            </span>
        </dt>
        <dd th:text="'商品名称：' +${good.goodsName}"></dd>
        <dd th:text="'商品价格：' +${good.goodsPrice}"></dd>
        <dd th:text="'剩余数量：' + ${good.goodsNum}">
        </dd>
        <dd>
            <a class="btn btn‐primary"
               th:href="@{/pay/...}">点击购买</a>
        </dd>
    </dl>
</div>
</body>
</html>